 /*reset */
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, p, pre, code, form, fieldset, legend, input, button, textarea, blockquote { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit }
del, ins { text-decoration: none }
ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button, textarea, select { *font-size: 100% }

/* clear both */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; display: inline-block; _height: 1px }
*html .clearfix { height: 1% }
*+html .clearfix { height: 1% }
.clearfix { display: block }

/* for webkit */
textarea { resize: none }
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { outline: 0 }


body {font-size: 12px; background: #fff;}
#doc {text-align: center;background-color: #f2f5ee; padding-bottom: 1.6em; margin-bottom: -1.6em;}

#container {}
#container.big {font-size: 16px;}
#container.small {font-size: 14px;}
#readerbox {
	position: relative;
	top:20px;
	margin: 0 auto 0;
	width: 50.2em;
	padding-left: 5em;
	line-height: 2.0em;
	font-family:"STHeiti","Lucida Grande", "Lucida Sans Unicode", Helvetica,"Microsoft YaHei" , Arial, Verdana, sans-serif;
}
#tools {
	width: 26px;
	position: absolute;
	top:300px;
	right: -27px;
	z-index:20;
}
#tools div {
	background: #fff;
}
#tools .info {
	color: #b2b4af;
	background: #d9dcd6 url(../images/bg_info.png) no-repeat center center;
	height: 26px;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	margin-bottom: 2px;
	border: 1px #8b8479 solid;
}
#tools .up,
#tools .down {
	position: relative;
	height: 137px;
	margin-bottom: 2px;	
	background: #8b8479;
	cursor: pointer;
	border: 1px #8b8479 solid;
}
#tools .up div,
#tools .down div {
	position: absolute;
	left: 50%;
	top:50%;
	margin:-8px 0 0 -8px;
	width:0; height:0; border:8px solid; font-size: 0; line-height: 0;
}
#tools.tools-v .up .arrow { 
	border-color:#8b8479 #8b8479 #ffffff #8b8479;
}
#tools.tools-v .down .arrow {
	margin-top: -4px;
	border-color:#ffffff #8b8479 #8b8479 #8b8479;
}
#tools.tools-h .up .arrow {
	margin: -8px 0 0 -12px;
	border-color:#8b8479 #ffffff #8b8479 #8b8479;
}
#tools.tools-h .down .arrow {
	margin: -8px 0 0 -4px;
	border-color:#8b8479 #8b8479 #8b8479 #ffffff;
}
#tools .keycode {
	background: #d9dcd6 url(../images/bg_keycode.png) no-repeat center center;
	height: 26px;
	border: 1px #8b8479 solid;
}
#tools .currpn {
	color: #b2b4af;
	background: #d9dcd6;
	height: 26px;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	margin-bottom: 2px;
	border: 1px #8b8479 solid;
}
#tools #infotext {
	width: 160px;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	background: #d9dcd6;
	border: 1px #8b8479 solid;
	padding: 8px;
	position: absolute;
	top:0;
	left:-180px;
	display: none;
}
#tools #keytips{
	position: absolute;
	left: -30px;
	bottom:0;
	width: 21px;
	height: 124px;
	background: url(../images/bg_keytips.png) no-repeat;
	display: none;
}
#readerbox .page-item {
	width:39em;
	padding:0 5.5em;
	margin-bottom: 1.6em;
	text-align: left;
	border: 1px #ddd solid;
	background: #fff;
}
#readerbox.horizontal {
	height: 73em;
	overflow-x: hidden;
}
#readerbox.horizontal .page-item {
	position: absolute;
	left: 5em;
	top: 0;
	z-index:1;
}

#readerbox.vertical .page-item{
	position: relative;
}

#readerbox .page-hd {
	height: 5.7em;
}
#readerbox .page-bd {
	position: relative;
	height: 60em;
	overflow-y: hidden;
	overflow-x: visible;
}
/*debug
#readerbox .page-bd {
	border:1px #ddd dotted; 
}*/
#readerbox .page-ft {
	height: 4.81em;
	line-height: 3em;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}
#readerbox .page-item .hd {
	height: 10em;
}
#readerbox .page-item .hd h1 {
	font-size: 2em;
}
#readerbox .page-item .notation {
	position: absolute;
	left: 0;
	top:0;
	z-index:100;
	padding: 10px 5.5em 0;
	background:#d9e5e8;
	border: 1px #b6c0c3 solid;
	display: none;
}
#readerbox .page-item .notation .noteform {
	font-size: 12px;line-height: 1.5;padding: 10px 0;
}
#readerbox .page-item .notation .noteform h2 {
	font-size: 14px; margin-bottom: 8px;
}
#readerbox .page-item .notation .noteform h2 span {
	font-size: 12px;font-weight: normal;
}
#readerbox .page-item .notation .noteform .close {
	float: right;
}
#readerbox .page-item .notation .noteform .item {
	clear: both;
}
#readerbox .page-item .notation .noteform .item textarea {
	height: 60px; width: 100%;
}
#readerbox .page-item .notation .noteform .btn {
	padding: 8px 0;overflow: hidden;
}
#readerbox .page-item .notation .noteform .btn .viewall {
	float: left;font-size: 12px;
}
#readerbox .page-item .notation .notelist {
	font-size: 12px;line-height: 1.5;
}
#readerbox .page-item .notation .notelist .listitem {
	border-bottom: 1px #ccc solid; padding: 5px 0;
}
#readerbox .page-item .notation .notelist .label {
	text-align: right;
}
#readerbox .page-item p.line {
	text-indent: 2em;
}
#readerbox .page-item .remark-point { display: none; position: relative; background: #e1e1e1; padding: 0 6px; margin-left: 6px;margin-top:-2px;top: -6px; font-size: 12px; cursor: pointer; border: 1px solid #e1e1e1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
#readerbox .page-item .remark-point span { display: inline-block; zoom: 1; *display: inline; width: 5px }
#readerbox .page-item .remark-point em { position: absolute; height: 0; width: 0; overflow: hidden; font-size: 0; line-height: 0; border-color: #e1e1e1 transparent transparent transparent; border-style:solid dashed dashed dashed; border-width: 5px 6px 0 0; top: 13px; left: 4px; _top: 17px; _left: 10px }

#readerbox .page-item .imgbox {
	overflow:hidden;
	zoom:1;
	margin-bottom: 2em;
	padding-top: 2em;
}
#readerbox .page-item .imgbox img {
	display: block;
}
#readerbox .page-item .imgbox img.left ,
#readerbox .page-item .imgbox img.right {
	float:right;
	margin-left: 1.25em;
}
#readerbox .page-item .imgbox .imgalt {
	color:#777;
	font-size: .80em;
	line-height: 1.8em;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	white-space: normal;
}
#readerbox .page-item .default .imgalt {
	height: 4em;
}
#readerbox .page-item .f-left-box {
	float: left;
	margin-right: 2em;
	margin-bottom: 0;
	padding: 0;
}
#readerbox .page-item .f-right-box {
	float: right;
	margin-left: 2em;
	margin-bottom: 0;
	padding: 0;
}
#readerbox .page-item pre.line {
	font-family: Monaco,monospace; 
}
#readerbox .page-item .line sup {
	font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:.87em; color:#900; position: relative; top: -1em; padding: 0 .3em; cursor: pointer;
}
#sidebar {
	text-align: left;
	width:50px;
	background-color: #e1e8d9;
	position:fixed;
	height:100%;
	top:0px;
	border-right:1px solid #ccc;
	font-size: 12px;
}
#sidebar a {
	color:#111;
	text-decoration: none;
	display: block;
	margin: 5px;
	padding: 5px;
	text-align: center;
	background: #fff;
	border: 1px #E1E8D9 solid;
}
#sidebar a.on {
	border: 1px #000 solid;
}
#popinfo {
	display: none;
	background-color:#f2f5ee;
	width:160px;
	font-size:12px;
	line-height:160%;
	position:absolute;
	color:#000;
	border:1px solid #555;
	padding:14px;
}
#eidtordoc {
	
}
#eidtor {
	width: 590px; line-height: 1.6;
}
#eidtor .frm-item {
	margin-bottom: 10px;
}
#eidtor .frm-item .label {
	display: inline-block;*display:inline;*zoom:1;width:6em;
}
#eidtor .frm-item .error { color: #f00; margin-left: 2em;}
#eidtor .frm-item .tips { color: #999; margin-left: 2em;}
#eidtor .frm-item input.text {
	padding: 2px; width: 30em;
}
#eidtor .frm-item .art_content {
	width: 588px; height: 30em;
}
#eidtor .frm-item .toolbar {
	text-align: right;margin-bottom: 10px;
}
#eidtor .frm-item .toolbar a {
	margin-left: 5px;
}
#btn-back {
	position: fixed; right: 20px; top:20px;z-index:100;
}

.dlg-croppic {
	position: relative;
}
.dlg-croppic .pic {
	float:left; width: 600px;height: 520px;overflow: hidden;border: 1px #000 solid;position: relative;left:40px;
}
.dlg-croppic .pic img {
	position: absolute; left: 0; top:0;
}
.dlg-croppic .toolbar {
	float:right;width: 170px; line-height: 1.8;
}
.dlg-croppic .toolbar h2 {
	font-size: 14px; margin: 8px 0;
}
.dlg-croppic .toolbar .select {
	margin-top: 8px;
}
.dlg-croppic .toolbar .select li {
	padding: 4px 0;
}
.dlg-croppic .zoom {
	width: 600px; height: 18px; position: absolute; right: 0; top:496px; font-size: 14px;z-index:3; text-align: right;
}
#zoom {position: absolute; left: 0px; top:0px;}

.ico-img-type { width: 20px; height: 13px; font-size:0; line-height:0; overflow:hidden; display: inline-block;*display:inline;*zoom:1; background: url(../images/spr_imgtype.png) no-repeat 0 0; vertical-align: middle; margin-right: 5px;}
.ico-s1 {background-position:0 0;}
.ico-s2 {background-position:0 -33px;}
.ico-s3 {background-position:0 -67px;}
.ico-s4 {background-position:0 -101px;}
.ico-s5 {background-position:0 -139px;}

.ic-auth,
.lnk-flat,
.lnk-follow,
.lnk-followed,
.lnk-rec,
.lnk-rec span,
.bn-flat-hot,
.bn-flat { display:-moz-inline-box;display:inline-block;border-width:1px;border-style:solid;border-color:#d9d9d9 #ccc #c9c9c9;*display:inline;*zoom:1;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;vertical-align:middle; }

.mod .lnk-follow { border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #0baf57;padding:0 25px 0 25px;height:25px;line-height:25px;font-size:13px;overflow:hidden;background:url(/pics/site/sp_all_4.png) repeat-x 0 -851px\9;background-color:transparent !important;*vertical-align:baseline; }
.mod a.lnk-follow:link,
.mod a.lnk-follow:visited { color:#fff;background:-webkit-gradient(linear,left top,left bottom, color-stop(0, #2cc677), color-stop(1, #1eb964));background:-moz-linear-gradient(-90deg, #2cc677, #1eb964); }
.mod a.lnk-follow:hover { color:#fff;background:-webkit-gradient(linear,left top,left bottom, color-stop(0, #2abd71), color-stop(1, #1db05e));background:-moz-linear-gradient(-90deg, #1db05e, #1db05e);background:url(/pics/site/sp_all_4.png) repeat-x 0 -885px\9; }
.mod a.lnk-follow:active { color:#fff;background:-webkit-gradient(linear,left top,left bottom, color-stop(0, #13b863), color-stop(1, #0baf58));background:-moz-linear-gradient(-90deg, #13b863, #0baf58);background:url(/pics/site/sp_all_4.png) repeat-x 0 -919px\9; }

@media all and (min-width:0px){
    .mod a.lnk-follow:link,
    .mod a.lnk-follow:visited,
    .mod a.lnk-follow:hover { background:url(http://img3.douban.com/pics/site/sp_all_4.png) repeat-x 0 -851px; }
    .mod a.lnk-follow:hover { background-position: 0 -885px; }
    .mod a.lnk-follow:active { background-position: 0 -919px; }
}

a.lnk-followed:hover,a.lnk-followed:active,
.lnk-followed { border-color:#dfdfdf;overflow:hidden;padding:0 10px 0 30px;font-size:13px;color:#666;line-height:26px;background:#f2f2f2 url(/pics/site/sp_all_4.png) 10px -958px no-repeat; }

#uploadpic_selector,
#t,
#b,
#l,
#r {pointer-events:none;}
